<!DOCTYPE html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <link rel="stylesheet" href="/css/Log/Log.css">
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <script src="/js/jquery-3.6.0.js"></script>

    <script src="/lib/layui/layui.js" charset="utf-8"></script>
<!--    <script src="/js/laydate.js"></script>-->
    <script type="/js/xadmin.js"></script>
    <script src="/js/smj-Log.js"></script>
</head>
<body onload="pageInfo()">

<div class="layui-col-md12" style="padding: 10px ;">

    <div class="layui-card" style="height: 625px;">
        <div>
            <div class="layui-card-header" style="float: left;margin-left: 1020px;padding: 0px">
                <input type="text" id="evnet" class="layui-input" style="width: 200px;display: inline-block;text-align: center;" placeholder="请输入关键词" >
                <button class="layui-btn layui-btn-xs" style="display: inline-block;margin-right: 10px" onclick="pageInfo(null)">开始查找</button>
<!--                <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right;display: inline-block"-->
<!--                   onclick="location.reload()" title="刷新">-->
<!--                    <i class="layui-icon layui-icon-refresh" style="line-height:30px;display: inline-block"></i></a>-->
            </div>
            <div style="position: relative">
                <div style="height: 455px;width: 60%;float: left;margin-left: 30px">
                    <ul class="layui-timeline">
                        <!--                渲染数据-->
                    </ul>
                </div>
                <div style="height: 455px;width: 35%;float: right; position: absolute ;left: 850px;top: 60px" >

                    <div id="timeTans" style="margin-left: 170px"></div>

                </div>
            </div>
        </div>

    </div>
    <div style="text-align: center;margin-top: -75px">
        <a href="javascript:void(0)" type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-bg-green"
           onclick="start()">
            首页
        </a>
        <a type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-bg-green " onclick="prev()">
            <i class="layui-icon layui-icon-left "></i>
        </a>
        <a type="button" class="layui-btn layui-btn-sm layui-btn-primary ">
            <span><b class="yeshu">第1页 / 共1页</b></span>
        </a>
        <a type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-bg-green" onclick="next()">
            <i class="layui-icon layui-icon-right "></i>
        </a>
        <a href="javascript:void(0)" type="button" class="layui-btn layui-btn-sm layui-btn-primary layui-bg-green"
           onclick="end()">
            尾页
        </a>
    </div>
</div>
<!--</div>-->


</body>
<script>

    layui.use("layer", function () {
        var layer = layui.layer;
    });
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#timeTans' //指定元素
            ,position: 'static'
            ,done: function(value, date, endDate){
                let jsons = {
                    time:value,
                    currentPage: currentPage,
                    pageSize: pageSize
                }
                console.log(value); //得到日期生成的值，如：2017-08-18
                    currentPage = 1 ;
                    pageInfo(value);

            }

        })
    });
</script>
</html>